<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="css/all.css"/>
<script src="js/my.js"></script>
</head>
<body>
    <!--头部-->
    <div class="header">
        <a href="homePage.jsp" class="logo"  style="top: 9px;" href="##"><img src="images/hyd_logo2.png"/> </a>
        <div class="desc" style="font-size: 35px;">贷款申请</div>
    </div>
    
    <!--版心-->
    <div class="container">
    	<!--好易贷申请带贷款模块-->
    	<div class="register">
    		<div>
    			<h3>个人资料填写:</h3><br />
	    		<!--用户名-->
	    		<div class="register-box">
	    			<!--表单项-->
	    			<div class="box default">
	    				<label for="userName">姓&nbsp;&nbsp;名</label>
	    				<input type="text" id="userName" placeholder="您的账户名和登录名" name="app_name" value=""/>
	    				<i></i>
	    			</div>
	    			<!--提示信息-->
	    			<div class="tip">
	    				<i></i>
	    				<span></span>
	    			</div>
	    		</div>
	    		
	    		<!--设置密码-->
	    		<div class="register-box">
	    			<!--表单项-->
	    			<div class="box default">
	    				<label for="pwd">设 置 密 码</label>
	    				<input type="password" id="pwd" placeholder="建议至少两种字符组合" />
	    				<i></i>
	    			</div>
	    			<!--提示信息-->
	    			<div class="tip">
	    				<i></i>
	    				<span></span>
	    			</div>
	    		</div>
	    		<!--确认密码-->
	    		<div class="register-box">
	    			<!--表单项-->
	    			<div class="box default">
	    				<label for="pwd2">确 认 密 码</label>
	    				<input type="password" id="pwd2" placeholder="请再次输入密码" />
	    				<i></i>
	    			</div>
	    			<!--提示信息-->
	    			<div class="tip">
	    				<i></i>
	    				<span></span>
	    			</div>
	    		</div>
				<!--设置身份证-->
	    		<div class="register-box">
	    			<!--表单项-->
	    			<div class="box default">
	    				<label for="idCard">身份证</label>
	    				<input type="text" id="idCard" placeholder="请输入18位身份证号" />
	    				<i></i>
	    			</div>
	    			<!--提示信息-->
	    			<div class="tip">
	    				<i></i>
	    				<span></span>
	    			</div>
	    		</div>
	    		<!--手机验证-->
	    		<div class="register-box">
	    			<!--表单项-->
	    			<div class="box default">
	    				<label for="mobile">手 机 验 证</label>
	    				<input type="text" id="mobile" placeholder="请输入手机号" name="app_phone" value=""/>
	    				<i></i>
	    			</div>
	    			<!--提示信息-->
	    			<div class="tip">
	    				<i></i>
	    				<span></span>
	    			</div>
	    		</div>
	    		
	    		<!--地址-->
	    		<div class="register-box xieyi">
	    			<!--表单项-->
	    			<div class="box default">
	    				<textarea id="addess" placeholder="请输入家庭地址" name="app_address" style="width:413px; height:40px; 
							resize:none;" ></textarea>
	    			</div>
	    			<!--提示信息-->
	    			<div class="tip">
	    				<i></i>
	    				<span></span>
	    			</div>
    			</div>
    		
    	
	    		<!--设置密码-->
	    		<div class="register-box">
	    			<!--表单项-->
	    			<div class="box default">
	    				<label for="linkman">紧急联系人-直系亲属</label>
	    				<input type="text" id="linkman" placeholder="请输入姓名"/>
	    				<i></i>
	    			</div>
	    			<!--提示信息-->
	    			<div class="tip">
	    				<i></i>
	    				<span></span>
	    			</div>
	    		</div>
	    		<!--确认密码-->
	    		<div class="register-box">
	    			<!--表单项-->
	    			<div class="box default">
	    				<label for="linkman1">紧急联系人-直系亲属</label>
	    				<input type="text" id="linkman1" placeholder="请输入姓名" />
	    				<i></i>
	    			</div>
	    			<!--提示信息-->
	    			<div class="tip">
	    				<i></i>
	    				<span></span>
	    			</div>
	    		</div>
	    		
	    		<!--
                	作者：offline
                	时间：2018-04-05
                	描述：下拉框
                -->
				
                <link type="text/css" rel="stylesheet" href="style.css" />
                <select>
                	<option>选择贷款种类</option>
                	<option>等额本息</option>
                	<option>先息后本</option>
                </select><p/>
				<select name="choose" id="choose">
					<option value="选择分期" selected="selected">选择分期</option>
					<option value="3期">3期</option>
					<option value="6期">6期</option>
					<option value="9期">9期</option>
					<option value="12期">12期</option>
				</select><p/>
	    		是否需要提前还款: <input type="radio" name="tq" />是	<input type="radio" name="tq"  />否<p/>
		    	<!--身份证上传-->
			    <div class="control-group">
		      		<label class="control-label leipiplugins-orgname">身份证上传</label>
			      	<div>
			        	<input type="file" name="leipiNewField" title="文件上传" class="leipiplugins" leipiplugins="uploadfile">
			      	</div>
		    	</div>
	    			
	    		
		    	<!--银行卡上传-->
			    <div class="control-group">
		      		<label class="control-label leipiplugins-orgname">银行卡上传</label>
			      	<div>
			        	<input type="file" name="leipiNewField" title="文件上传" class="leipiplugins" leipiplugins="uploadfile">
			      	</div>
		    	</div>
	    		
		    	<!--银行流水上传-->
			    <div class="control-group">
		      		<label class="control-label leipiplugins-orgname">银行卡上传</label>
			      	<div>
			        	<input type="file" name="leipiNewField" title="文件上传" class="leipiplugins" leipiplugins="uploadfile">
			      	</div>
		    	</div>
	    		
	    		<!--注册协议-->
	    		<div class="register-box xieyi">
	    			<!--表单项-->
	    			<div class="box default">
	    				<input type="checkbox" id="ck" />
	    				<span>我已阅读并同意<a href="##">《好易贷借款信息咨询与服务协议》</a></span>
	    			</div>
	    			<!--提示信息-->
	    			<div class="tip">
	    				<i></i>
	    				<span></span>
	    			</div>
	    		</div>
	    		
	    		<!--提交-->
	    		<button id="btn">提交</button>
    		</div>
    	</div>
    </div>
    
    <!-- 公司简介说明 -->
    	<div class="foot" style="margin-top: 60px; margin-left: 0px;">
  			<div class="foot1">
    			<center>cCopyright ©2009-2015 Edai Corporation.All Rights Reserved.<br/>深圳市好易贷金融信息服务有限公司  粤ICP备13010370-1号-1  粤B -20120049</center>
  			</div>
 		</div>
 		
</body>

<style type="text/css">
	/*foot*/
	.foot { width:200%; height:auto; min-height:70px; background:#333; margin-top:30px; }
	.foot1{ width:1204px; color:#FFF; }
	.foot1 p { line-height:30px; height:30px; }
</style>

<script type="text/javascript" src="js/jquery-1.8.3.mins.js"></script>
<script type="text/javascript" src="js/jquery.select.js"></script>

<style type="text/css">
*{margin:0;padding:0;}
select{outline:none;}
ul{list-style:none;}
a{text-decoration:none;}
</style>

</html>